<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />


</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<span style="position:absolute;top:10px;right:10px;color:#ffffff;font-size:12px;text-decoration:none;">
	<a wicket:id="logoutPage">Log Out</a></span>
		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home" >Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	
     <div class="workspace">
		<ul>		
			<li><a wicket:id="addAccount" >Add Account</a></li>
		</ul>
	 </div>
	 
	 <div id="content">
		<b>Officer Account</b>
        	
        	<form wicket:id="addAccountForm">
        		<p> 
				<label><span >Student ID:</span></label> 
				<input type="text" style="width:100px" wicket:id="batch"/> -
				<input type="text" style="width:100px" wicket:id="no"/>
				</p>
				
				<p> 
				<label><span >First Name:</span></label> 
				<input id="studentFirstName" type="text" style="width:250px" wicket:id="studentFirstName" /> 
				</p>
				<p> 
				<label><span >Middle Name:</span></label> 
				<input id="studentMiddleName type="text" style="width:250px" wicket:id="studentMiddleName" /> 
				</p> 
				<p> 
				<label><span >Last Name:</span></label> 
				<input id="studentLastName" type="text" style="width:250px" wicket:id="studentLastName" /> 
				</p>
				
				<p><label><span >Year Level:</span></label> 
				<select wicket:id="studentYearLevel" id="studentYearLevel">
				<option value="1" >1</option>
				<option value="2" >2</option>
				<option value="3" >3</option>
				<option value="4" >4</option>
				</select> 
				</p>
			
				<p> 
				<label><span >Role:</span></label> 
				<select wicket:id="role">
				<option value="president" ></option>
				<option value="secretary" ></option>
				<option value="treasurer" ></option>
				</select> 
				</p>
				
				
				
				<p> 
				<label><span >SY:</span></label> 
				<input type="text" style="width:100px" wicket:id="fromYear"/> -
				<input type="text" style="width:100px" wicket:id="toYear"/>
				</p>
				
				<p> 
				<label><span >Semester:</span></label> 
				<select wicket:id="semester">
				<option value="1" ></option>
				<option value="2 "></option>
				</select> 
				</p>
				
				<p> 
				<label><span >Password:</span></label> 
				<input type="password" style="width:250px" wicket:id="password"/> 
				</p>
				
				<input class="button" type="submit"  value="add" wicket:id="add" />
        	
        		</form>
        		
        		<div style="position:absolute;top:240px;left:200px;width:300px;color:red;" wicket:id="error"></div>
	 </div>
    
	
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap"><div id="footer">				
		<p>		
		|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
		<a href="#">MSU -IIT</a> |
		</p>			
	</div></div>
	<!-- footer ends-->	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        